<template>
	<div>
		<h2>{{title}}</h2>
		<h4>传过来的参数：{{ $route.query }}</h4>
		<h2>传过来的参数：{{ $route.query.id1 }}</h2>
		<h5>传过来的参数：{{ $route.params.id1  }}</h5>
		<button @click="tolist(title)">点我传参数回list</button>
	</div>
</template>

<script>
	export default{
		created:function(){
			console.log(this.$router)
			console.log(this.$route)
			// console.log(this.$route.query)
			// console.log(this.$route.params)
		},
		data(){
			return{
				title:"详情页页面"
			}
		},
		methods:{
			tolist:function(title){
				this.$router.push(`/list/${title}`)
			}
		}
	}
</script>

<style>
</style>
